<%@ page import="com.uni.entity.User" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri = "http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>闲优购-首页</title>
	<link rel="icon" href="img/weblogo.png" >
	<link rel="stylesheet" type="text/css" href="bootstrap-5.1.3-dist/css/bootstrap.min.css">
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css">
	<link rel="stylesheet" type="text/css" href="css/ycc.css">
	<script type="text/javascript" src="js/jquery-3.6.0-min.js"></script>
	<script type="text/javascript" src="bootstrap-5.1.3-dist/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
</head>
<body style="overflow: hidden">
	<%
		User user = (User) session.getAttribute("userInfo");
	%>

	<!-- 首部导航栏 -->
	<nav class="navbar navbar-dark bg-dark navbar-expand-lg">
		<div class="container-fluid text-white">
			<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
			<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
				<h5 class=""><i class="bi bi-cart4"></i>闲优购</h5>
				<ul class="navbar-nav me-lg-2 mb-0 mb-lg-1">
					<li class="nav-item">
						<a class="nav-link active" aria-current="page" href="index.jsp"><i class="bi bi-house"></i>首页</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="/shop_center"><i class="bi bi-shop"></i>商品中心</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="user_center.jsp"><i class="bi bi-cart-check"></i>查询订单</a>
					</li>

					<li class="nav-item">

						<a class="nav-link" href="commodity_publish.jsp"><i class="bi bi-shift"></i>发布商品</a>
					</li>

				</ul>

				<ul class="navbar-nav" style="margin-left: auto">

					<li class="nav-item">
						<a class="nav-link" href="user_center.jsp">
							<i class="bi bi-clock-history"></i>
							查询购买记录
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="user_center.jsp">
							<i class="bi bi-person-fill"></i>
							用户中心
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="/toAdmin">
							<i class="bi bi-person-fill"></i>
							管理员中心
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="/loginOut">
							<i class="bi bi-backspace-reverse"></i>
							退出登陆
						</a>
					</li>

				</ul>

				当前用户: <em id="username">${sessionScope.userInfo.name}</em>

			</div>
		</div>
	</nav>


	<div class="row" style="padding-inline: 0px">
		<div class="col-md-5 offset-md-1">
			<div class="card bg-dark text-white mt-5 shadow">
				<img src="img/2.jpg" class="card-img h-50 index-img">
				<div class="card-img-overlay">
					<h5 class="card-title fst-italic display-5"><i class="bi bi-cart-fill"></i>闲优购</h5>
					<p class="card-text fw-bold">这是一个自由的大学生闲置物品交易平台</p>
					<p class="card-text"></p>
				</div>
			</div>
		</div>

		<div class="col-md-5 order-md-1">


			<h1 class="display-5 mt-5"><i class="bi bi-hand-thumbs-up"></i>欢迎登陆, ${sessionScope.userInfo.name}!</h1>
			<div class="alert alert-warning alert-dismissible fade show" role="alert">
				<strong>温馨提示:</strong>  您可以选择发布商品，但在此之前需向管理申请权限。
				<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
			</div>
			<div class="mb-3">
				<label for="textarea" class="form-label">网站建设中...如有更好的建议，欢迎留言~</label>
				<textarea class="form-control" id="textarea" rows="4"></textarea>
			</div>

			<button class="btn btn-dark w-100 mt-2"><i class="bi bi-chat-text-fill"></i>留言</button>
		</div>
	</div>
	<h5 class="text-center mt-2"><i class="bi bi-magic"></i>网站特点</h5>
	<div class="container">
		<div class="row">
		<div class="col-md-4">
			<button type="button" class="btn btn-success position-relative w-100 fst-italic shadow">
				<i class="bi bi-shop"></i>
				发布商品
			</button>
			<div class="card-body shadow font-monospace">
				发布商品<i class="bi bi-check"></i>
				包括商品图片/名称/描述价格
			</div>
		</div>
		<div class="col-md-4">
			<button type="button" class="btn btn-warning position-relative w-100 fst-italic shadow">
				<i class="bi bi-cart4"></i>
				购物车信息
			</button>
			<div class="card-body shadow font-monospace">
				记录浏览的商品<i class="bi bi-check"></i>
				直接购买
			</div>
		</div>

		<div class="col-md-4">
			<button type="button" class="btn btn-info position-relative w-100 fst-italic shadow">
				<i class="bi bi-person-circle"></i>
				个人信息管理
			</button>

			<div class="card-body shadow font-monospace">
				用户注册登陆<i class="bi bi-check"></i>
				管理个人信息<i class="bi bi-check"></i>
				管理订单<i class="bi bi-check"></i>
			</div>
		</div>

	</div>
	</div>
	<div style="position: fixed; left: 0; bottom: 0; margin-inline: auto; width: 100%; z-index:-1" class="text-center">
		<p>CopyRight © 2021-2022 uni科技有限公司 </p>
	</div>
</body>
<%--	<div class="position-absolute top-100 start-50 translate-middle pb-5">--%>
<%--		<p>CopyRight © 2021-2022 uni科技有限公司 </p>--%>
<%--	</div>--%>

</html>